<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>treetest.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<link rel="stylesheet" type="text/css"	href="extjs/resources/css/ext-all.css" rel="stylesheet" />
		<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
	</head>

	<body>
	<div id="tree-div"></div>
		<script type="text/javascript">
	Ext.onReady(function() {
		// shorthand    
			var Tree = Ext.tree;

			var tree = new Tree.TreePanel( {
				el : 'tree-div',
				autoScroll : true,
				animate : true,
				enableDD : true,
				containerScroll : true,
				loader : new Tree.TreeLoader( {
					dataUrl : 'http://localhost/resources/orgsource/tree',
					requestMethod:'GET'
				})
			});

			// set the root node    
			var root = new Tree.AsyncTreeNode( {
				text : 'Ext JS',
				draggable : false,
				id : 'source'
			});
			tree.setRootNode(root);

			// render the tree    
			tree.render();
			root.expand();
		});
</script>
	</body>
</html>
